<template>
  <div class="progressContainer">
    <f-progress :percentage="60" isAnimation></f-progress>
    <f-progress
      isAnimation
      :text-inside="true"
      :stroke-width="22"
      :percentage="80"
      status="warning"
    ></f-progress>
    <f-progress isAnimation type="circle" :percentage="50" />
  </div>
</template>

<script lang="ts" setup>
  import {} from 'vue'
</script>
<style lang="scss" scoped>
  .progressContainer {
    .el-progress-circle {
      svg {
        margin-right: 4px;
        width: auto !important;
        height: auto !important;
      }
    }
  }
</style>
